<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>STAND LEE'S INTERVIEW</title>

<link href="../css/scroll.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>

<script type="text/javascript" src="../js/jquery.ui.touch-punch.min.js"></script>

<script type="text/javascript" src="../js/facescroll.js"></script>

<script type="text/javascript">
	jQuery(function(){ // on page DOM load
		$('#all').alternateScroll({ 'vertical-bar-class': 'styled-v-bar', 'hide-bars': false });	
	})
</script>


<style type="text/css">
	#Videoplayer {
		position: absolute;
		top:30px;
		left:160px;
		z-index: 1;
	}

	#VideoPlayer1 {
		position:absolute;
		z-index:150;
		left:178px;
		top:45px;
		
	}
	
body {
	
		
}
	#flickr {
		position:absolute;
		z-index:150;
		left:230px;
		top:45px;
		margin-top:500px;
				
	}
	
	#all {
		z-index:150;
		height:400px;
		background-color:#CCC;
		position:static;
		overflow:scroll;
	}
	
	#scroll {
		position:absolute;
		z-index:200;
		height:100%;
		right:20px;
		width:100px;
	}
	
	#scroll_pos {
		position:absolute;
		z-index:201;
		top:17px;
	}

</style>

</head>

<body>
<div id="all" style="width:1000px; height:500px; padding:8px; overflow:scroll">
	<div id="scroll">
    	<img src="../images/scrool-base.png" height="602" width="27" />
        <div id="scroll_pos">
        	<img src="../images/scrool-cursor.png" height="31" height="31"/>
        </div>
    	
    </div>
    
	<div id="Videoplayer">
    		<img src="../images/web-player-background.png" width="632" height="368"/>
    </div>
    
    <div id="VideoPlayer1">
    	<iframe width="600" height="340" src="http://www.youtube.com/v/3NTD61QAsPE?loop=1&rel=0&autoplay=0&version=3&controls=0&playlist=3NTD61QAsPE" frameborder="0" allowfullscreen></iframe>
        
        <!--
    	<object width="485" height="273">
            <param name="movie"
                 value="http://www.youtube.com/v/3NTD61QAsPE?loop=1&rel=0&autoplay=1&version=3&controls=0&playlist=3NTD61QAsPE"></param>
            <param name="allowScriptAccess" value="always"></param>
            <embed src="http://www.youtube.com/v/3NTD61QAsPE?loop=1&rel=0&autoplay=1&version=3&controls=0playlist=3NTD61QAsPE"
                 type="application/x-shockwave-flash"
                 allowscriptaccess="always"
                 width="485" height="273"></embed>
        </object>
    	-->
    	
    </div>
    
    <div id="flickr">
    	<iframe align="center" src="http://www.flickr.com/slideShow/index.gne?user_id=87482847@N03&tags=interview" width="500" height="500" frameBorder="0" scrolling="no"></iframe>
    </div>
         
</div>
</body>
</html>
